<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"/>
    <title>华迅直购</title>
    <link rel="stylesheet" href="css/app.css">
    <link rel="stylesheet" type="text/css" href="css/root.css"/>
    <link rel="stylesheet" type="text/css" href="css/entrance/home.css"/>
    <link rel="stylesheet" type="text/css" href="css/address/address.css"/>
    <script type="text/javascript" src="js/base/jquery-3.1.1.min.js?ver=2.0.4" charset="utf-8"></script>
    <script type="text/javascript" src="js/base/underscore-min.js"></script>
    <script src="js/base/api.js"></script>
    <script src="js/base/base.js"></script>
    <script src="js/base/vue-filter.js"></script>
    <script src="js/base/vue.js"></script>

    <script type="text/javascript" src="js/base/magiclamp.js?ver=2.0.3" charset="utf-8"></script>
    <script src="js/order/user_create_dispute_order.js?ver=2.0.3"></script>
    <script src="https://unpkg.com/qiniu-js@2.2.2/dist/qiniu.min.js"></script>


</head>
<body>
<div id="user_create_dispute_order">
    <header>
        <a @click="page_back" v-if="baseConfig.is_phone" class="h-left back-btn">
            <i class="iconfont icon-fanhui"></i>
        </a>
        <h1 class="h-title">售后服务 </h1>
    </header>
    <div id="root" class="h-t-bar">
        <div class="pay-gs-list g-wrap margin-bottom">
            <div class="g-item">
                <div class="g-item-wrap">
                            <span class="g-img">
                                <img :src="baseConfig.qn_host+goods_order_item.small_image__fileurl+'?imageView2/1/w/70/h/70'">
                            </span>
                    <div class="g-i-info">
                        <p class="g-i-name order-goods-title">{{goods_order_item.name}}</p>
                        <p class="order-goods-mark margin-bottom" v-if="goods_order_item.gg">
                            {{goods_order_item.gg}}</p>
                        <p class="order-goods-mark" v-if="goods_order_item.bz" v-text="'备注:'+goods_order_item.bz"></p>
                        <p class="order-goods-mark" v-if="goods_order_item.id">商品ID:{{goods_order_item.goods_id}}</p>
                        <p class="order-count">
                            <span class="order-goods-price" v-text="price_filter(goods_order_item.price)"></span>
                            <span class="order-goods-num">数量{{goods_order_item.num}}</span>
                        </p>
                    </div>
                </div>
            </div>
        </div>

        <form class="address-container" id="join-form" method="post">
            <select class="address-input" v-model="disputeinfo.dispute_type" name="dispute_type">
                <option value="">请选择售后服务类型</option>
                <option v-for="option in dispute_type_list" :value="option.id">{{option.name}}</option>
            </select>
            <select class="address-input" v-model="disputeinfo.num" name="num">
                <option v-for="option in num_list" :value="option">数量：{{option}}</option>
            </select>
            <select class="address-input" v-model="disputeinfo.reason" name="reason">
                <option value="">请选择商品问题</option>
                <option v-for="option in reason_list" :value="option.id">{{option.name}}</option>
            </select>

            <textarea class="address-input address-textarea" rows="4" placeholder="原因" name="message"
                      v-model="disputeinfo.message" maxlength="100"></textarea>
            <div style="float:left;width: 5rem;height:5rem;background-image: url('img2/ic_image.png');background-size:100% 100%;-moz-background-size:100% 100%;background-repeat:no-repeat;" v-if="disputeinfo.reason!=5">
                <a href="javascript:;" class="file">
                    <input id="fileBtn1" type="file" @change="upload('fileBtn1');" accept="image/*"/>
                </a>
            </div>
            <div class="g-item" v-if="img_list.length>0&&disputeinfo.reason!=5">
                <div class="g-item-wrap">
                    <span class="g-img" v-for="img in img_list">
                        <img :src="baseConfig.qn_host+img.url+'?imageView2/1/w/70/h/70'">
                    </span>

                </div>
            </div>
            <button class="add-bom-btn" type="button" @click="disputeinfo_save">提交</button>
        </form>
    </div>
</div>
</body>
</html>